<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<html>
    <head>
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap.css" rel="stylesheet" type="text/css" />
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
        <script language="javaScript" type="text/javascript">
        function Confirm(){
        alert("Los contendores fueron asignados");
        }
        </script>
        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #fff;
            }

            .form-signin {
                max-width: 500px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #f5f5f5;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
        </style>          
    </head>

    <body>
        <form:form commandName="Torneo" method="post" action="Torneo.htm?accion=asignar" class="form-signin">
        <center>
            <table width="70%" border="0" align="center">
                <tr>
                    <td colspan="2"><div align="center"><span class="Estilo1"><h2>TORNEO</h2></span> </div></td>
                </tr>
            
                <tr>
                    <td>Codigo: </td>
                    <td><form:input path="codtor" readonly="true"/></td>
                </tr>
                <tr>
                    <td>Descripción: </td>
                    <td><form:input path="destor" readonly="true"/></td>
                </tr>
            </table>
            <table width="50%" border="1">
                <td colspan="3"><div align="center"><span class="Estilo1"><h2>Contendores</h2></span> </div></td>
            </table>
            <table width="50%" border="1">
                <c:forEach items="${list}" var="Contendor">
                    <tr class="success">
                        <td align="left">${Contendor.nomcon}</td>
                        <td align="center"><input type="checkbox" name="chkDel" id="chkDel" value="${Contendor.codcon}"/></td>
                    </tr>
                </c:forEach>
            </table>
                    <input type="image" src="${pageContext.request.contextPath}/static/IMG/asignar.png" width="50" height="50" onclick="Confirm()" />
        </center>
            <!-- Le javascript
            ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->
            <script src="../JS/jquery.js"></script>
            <script src="../JS/bootstrap.min.js"></script>
            <script src="../JS/bootstrap.js"></script>
        </form:form>
    </body>
</html>
